<template>
    <el-table :data="tableData" stripe border style="width: 100%">
        <el-table-column label="账单编号" width="250">
            <template slot-scope="scope">
                <span class="link" @click="getDetail(scope.row)">{{ scope.row.code}}</span>
            </template>
        </el-table-column>
        <el-table-column prop="status" label="状态" width="150">
        </el-table-column>
        <el-table-column
        label="月份"
        width="150"
        >
            <template slot-scope="scope">
                {{ scope.row.time}}
            </template>
        </el-table-column>
        <el-table-column prop="num" label="活跃卡数" width="150">
        </el-table-column>
        <el-table-column prop="fee" label="流量资费" width="150">
        </el-table-column>
        <el-table-column prop="month_fee" label="月租" width="150">
        </el-table-column>
        <el-table-column prop="all_price" label="总金额">
        </el-table-column>
    </el-table>
</template>

<script>
    export default {
        data() {
            return {
                tableData: [
                    {
                        id: 1,
                        code: 'Z201806041322303795603173',
                        status: '已出',
                        time: '201806',
                        num: '0',
                        fee: '0.0',
                        month_fee: '0.0',
                        all_price: '0.0'
                    }
                ]
            }
        },
        methods: {
            getDetail(goods) {
                this.$router.push({
                    path: `/agent_profit/${this.$route.params.id9}/agent_order_statistics/${goods.id}`
                })
            }
        }
    }
</script>

<style scoped>

</style>